$(function () {
    // 二级菜单
    $('.menu ul li').mouseenter(function () {
        $(this).addClass('bk').siblings().removeClass('bk');
        let index = $(this).index();
        console.log(index);
        $('#content div').eq(index).addClass('block').siblings().removeClass('block')
    });
    $('.menu').mouseleave(function () {
        $('.menu ul li').removeClass('bk');
        $('#content div').removeClass('block')
    });

    // 轮播图控件
    $("#bannerInner").tyslide({
        boxh: 430,//盒子的高度
        w: 1000,//盒子的宽度
        h: 400,//图片的高度
        isShow: true,//是否显示控制器
        isShowBtn: true,//是否显示左右按钮
        controltop: 40,//控制按钮上下偏移的位置,要将按钮向下移动   首先保证boxh 高度>图片 h
        controlsW: 20,//控制按钮宽度
        controlsH: 20,//控制按钮高度
        radius: 20,//控制按钮圆角度数
        controlsColor: "#d7d7d7",//普通控制按钮的颜色
        controlsCurrentColor: "#ff6600",//当前控制按钮的颜色
        isShowNum: true //是否显示数字
    });

    //左边悬浮窗-----最简单粗暴的方法
    // $('#side div').eq(0).mouseenter(function () {
    //     $(this).addClass('bgc1').find('a').addClass('bgc1').css('display', 'block')
    // });
    // $('#side div').eq(1).mouseenter(function () {
    //     $(this).addClass('bgc2').find('a').addClass('bgc2').css('display', 'block')
    // });
    // $('#side div').eq(2).mouseenter(function () {
    //     $(this).addClass('bgc3').find('a').addClass('bgc3').css('display', 'block')
    // });
    // $('#side div').eq(3).mouseenter(function () {
    //     $(this).addClass('bgc4').find('a').addClass('bgc4').css('display', 'block')
    // });
    // $('#side div').eq(4).mouseenter(function () {
    //     $(this).addClass('bgc5').find('a').addClass('bgc5').css('display', 'block')
    // });
    // $('#side div').mouseleave(function () {
    //     $(this).removeClass().find('a').removeClass().css('display', 'none');
    // });

    //方法2   找到相同点和不同点  使用模板字符串
    $('#side div').mouseenter(function(){
        $(this).addClass(`bgc${$(this).index()+1}`).find('a').addClass(`bgc${$(this).index()+1}`).css('display','block');
    });
    $('#side div').mouseleave(function(){
        $(this).removeClass(`bgc${$(this).index()+1}`).find('a').removeClass(`bgc${$(this).index()+1}`).css('display','none');
    });

    // 当鼠标滑倒一定位置时显示

    $(window).scroll(function(){
        let s=document.documentElement.scrollTop;
        console.log(s);
        s>=975?$('#side').css('display','block'):$('#side').css('display','none')
    })


    // 右边小广告
    $('#ad').mouseenter(function () {
        $(this).find('span').css('display', 'block')
    });
    $('#ad').mouseleave(function () {
        $(this).find('span').css('display', 'none')
    });

    // 返回顶部
    $(".getback").click(function () {
        $('body,html').animate({
            scrollTop: 0
        },
            500);
    })


    // 产品列表页 右边类似选项卡
    $('#tab li').mouseenter(function () {
        $('#tab li').stop(true);
        $(this).stop().animate({ height: 140 }, 400);
        $(this).siblings('li').stop().animate({ height: 44 }, 400);
    });


    // 顶部搜索框
    $(window).scroll(function () {
        if (scrollY >= 950) {
            $('.search_box').css('display', 'block');
        } else {
            $('.search_box').css('display', 'none');
        }
    });


    // //    小轮播图
    // let _slideshow = {
    //     width: '429px',      //设置整个盒子的大小
    //     height: '342px',    //设置整个盒子的高度
    //     time: '500',        //设置切换时间---毫秒为单位 
    //     autoplayimg: true    //设置自动播放
    // }

    














})
